Exercise: Convenience Heading

Exercise: Convenience

If you are using the classroom workspace, you do not need to use the tasklist below - it’s here to help those working on their local machines. The same instructions are included in the workspace, so you should click “Expand” on the bottom left to be able to use your full screen.

Exercise: Convenience Tasklist

Task Description:

Now it’s time to get some more practice.

Task List:

Install the webpack dev server

npm i -D webpack-dev-server

Edit the build-dev npm script to use webpack-dev-server, it should look like this:

webpack-dev-server --config webpack.dev.js --open

Next, implement one of the following:

Clean Webpack plugin
Source Maps

Task Feedback:

Great job! The first time is the trickiest, but it looks like you’ve got it down!

Exercise: Convenience Optional Tasklist

Task Description:

If you feel comfortable with the things we’ve learned so far, I highly recommend you try out this fun Bundle Analyzer. It will give you a graphical representation of all the bundles in your code. We’ve done enough hand holding, so try this one on your own!

Task Feedback:

It’s always fun to discover new tools.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: jupyter-lab
Opened files (when workspace is loaded): n/a